<template>
	<view >
		<view class="e-p-30 bg-white">
			<view class="e-flex e-flex-between c-regular e-m-b-10">
				<text>{{ $t('order.商品总价') }}</text>
				<text>{{$unitEn}}{{info.commodityPrice}}</text>
			</view>
			<view class="e-flex e-flex-between c-4d">
				<text>{{ $t('order.实付金额') }}</text>
				<text>{{$unitEn}}{{info.commodityPrice}}</text>
			</view>
		</view>
		<view class="order-info-box e-p-30 c-98 e-m-t-20 bg-white ">
			<view  class="e-m-b-10 e-flex"  @tap="$copy(info.paycode)">
				<text>{{ $t('order.订单编号') }}：</text>
				<text>{{info.paycode}}</text>
				<image :src="$staticPath('order/copy.png')" class="img-32 e-m-l-20"></image>
			</view>
			<view class="e-m-b-10" v-if="info.createTime">
				<text>{{ $t('order.下单时间') }}：</text>
				<text>{{info.createTime}}</text>
			</view>
			<view class="e-m-b-10" v-if="info.payTime">
				<text>{{ $t('order.付款时间') }}：</text>
				<text>{{info.payTime}}</text>
			</view>
			<view v-if="info.deliverTime" >
				<text>{{ $t('order.发货时间') }}：</text>
				<text>{{info.deliverTime}}</text>
			</view>
			<view v-if="info.receivingTime" >
				<text>{{ $t('order.完成时间') }}：</text>
				<text>{{info.receivingTime}}</text>
			</view>
			
		</view>
	</view>
</template>

<script>
export default {
	props: {
		info: Object
	},
	computed: {}
}
</script>

<style scoped >
.c-4d {
	color: #4d4d4d;
}
.c-98{
	
color: #989898;
}
.order-info-box{
	min-height: calc(100vh - 858rpx);
}
</style>
